<nav class="navbar-default navbar-static-side" role="navigation">
    <div class="nav-close"><i class="fa fa-times-circle"></i>
    </div>
    <div class="sidebar-collapse">
        <ul class="nav" id="side-menu">
            <li class="nav-header">
                <div class="dropdown profile-element">
                    <span><img alt="image" class="img-circle"
                                src="#(CPATH)/static/img/a1.jpg"
                                width="64px" height="64px"/></span>
                    <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                        <span class="clear">
                       <span class="block m-t-xs"><strong class="font-bold">#shiroAuthenticated()#(USER.username??)#end</strong></span>
                        <span class="text-muted text-xs block">角色<b class="caret"></b></span>
                        </span>
                    </a>
                    <ul class="dropdown-menu animated fadeInRight m-t-xs">
                        <li><a class="J_menuItem" href="#(CPATH)/admin/user/userInfo">个人资料</a></li>
                        <li><a class="J_menuItem" href="#(CPATH)/admin/user/changePwd">修改密码</a></li>
                        <li class="divider"></li>
                        <li><a href="#(CPATH)/admin/logout">安全退出</a>
                        </li>
                    </ul>
                </div>
                <div class="logo-element">J+
                </div>
            </li>

            #for(menu:menus)

                #if(menu.childList??)
            <li>
                <a href="#">
                    <i class="fa #(menu.icon??)"></i>
                    <span class="nav-label">#(menu.name)</span>
                    <span class="fa arrow"></span>
                </a>
                <ul class="nav nav-second-level">
                    #for(child: menu.childList)
                    #if(child.childList??)
                     <li>
                        <a href="#">#(child.name) <span class="fa arrow"></span></a>
                        <ul class="nav nav-third-level">
                            #for(third :child.childList){
                            <li>
                                <a class="J_menuItem" href="#(CPATH)#(third.url)" name="tabMenuItem">#(third.name)</a>
                            </li>
                            #end
                        </ul>
                    </li>
                    #else

                    <li>
                        <a class="J_menuItem" href="#(CPATH)#(child.url??)" name="tabMenuItem">#(child.name)</a>
                    </li>
                    #end
                    #end
                </ul>
            </li>

                #else
                        <li>
                            <a class="J_menuItem" href="#(menu.url??)" name="tabMenuItem">
                                <i class="fa ${menu.icon??}"></i>
                                <span class="nav-label">#(menu.name)</span>
                            </a>
                        </li>
                #end

            #end
        </ul>
    </div>
</nav>